{% extends "/layout.html" %}

{% block title %}
{{ __('settings') }} - {{ parent() }}
{% endblock %}

{% block head %}
{{ parent() }}
{[ js('form') ]}
{% endblock %}

{% block content %}
<div class="box wide">
	<div class="title">
		<p class="title">{{ __('settings') }}</p>
	</div>
	<div class="content padded">
		{[ form.open ]}
		<table class="form">
			<tr><td class="label" colspan="2">{[ form.current_password.label ]}</td></tr>
			<tr>
				<td class="input">{[ form.current_password.input ]}</td>
				<td class="error">{{ form.current_password.error }}</td>
			</tr>
			<tr><td class="label" colspan="2">{{ form.email.label }}</td></tr>
			<tr>
				<td class="input">{[ form.email.input ]}</td>
				<td class="error">{{ form.email.error }}</td>
			</tr>
			<tr><td class="label" colspan="2">{{ form.password.label }}</td></tr>
			<tr>
				<td class="input">{[ form.password.input ]}</td>
				<td class="error">{{ form.password.error }}</td>
			</tr>
			<tr><td class="label" colspan="2">{{ form.password_repeat.label }}</td></tr>
			<tr>
				<td class="input">{[ form.password_repeat.input ]}</td>
				<td class="error">{{ form.password_repeat.error }}</td>
			</tr>
			<tr><td class="label" colspan="2">{{ form.avatar.label }}</td></tr>
			<tr>
				<td class="input">{[ form.avatar.input ]}</td>
				<td class="error">{{ form.avatar.error }}</td>
			</tr>
			<tr><td class="label" colspan="2">{{ form.description.label }}</td></tr>
			<tr>
				<td class="input" colspan="2">{[ form.description.input ]}</td>
			</tr>
			<tr><td class="submit" colspan="2">{[ form.submit ]}</td></tr>
		</table>
		{[ form.close ]}
	</div>
</div>
{% endblock %}